.form {
  @media (min-width: $desktop-width) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 80px;
  }
}

.form__group {
  margin: 0;
  padding: 0;
  border: none;
}

.form__group--contacts,
.form__group--comment,
.form__group--more,
.form__submit {
  @media (min-width: $desktop-width) {
    grid-column: 1/-1;
  }
}

.form__group--contacts {
  @media (min-width: $desktop-width) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 80px;
  }
}

.form__title {
  font-family: $font-title;
  font-size: 24px;
  line-height: 26px;
}

.form__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.form__list--more {
  @media (min-width: $tablet-width) {
    display: grid;
    grid-template-columns: 221px 221px;
    column-gap: 123px;
    row-gap: 32px;
  }

  @media (min-width: $desktop-width) {
    grid-template-columns: repeat(4, 221px);
    gap: 104px;
  }
}

.form__submit {
  text-align: center;
  @media (min-width: $tablet-width) {
    display: grid;
    grid-template-columns: 282px 282px;
    gap: 60px;    
  }
  @media (min-width: $desktop-width) {
    grid-template-columns: 568px 568px;
    gap: 80px;
  }
}

.form__add {
  text-align: center;
  line-height: 16px;
  @media (min-width: $tablet-width) {
    text-align: left;
  }
}